<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<title>联系我们</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6d88e38ab7f507ee19cec46443691d95"></script>
</head>
<body>
<img src="images/2.jpg" height="100" width="100">
<div class="mbx">
<div class="nycontainer">
	<div class="container2">
		<div class="nytit">
			<h2>联系方式</h2>
			<h3>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</h3>
		</div>
		<div class="contact">
			<div id="allmap"></div>
			<div class="contactwrap">
				<p class="contacttxt">品类齐全，轻松购物，多仓直发，极速配送，正品行货，精致服务，天天低价，畅选无忧</p>
			</div>
		</div>
	</div>
</div>
<div class="nynews">
	<div class="container2">
		<div class="nynewwrap">
			<div class="nytit2">
				<span></span>
				<h3>新闻资讯</h3>
			</div>
			<ul class="clearfix">
				<li>
					<div class="redbg">
						<a class="nynewstit" href="#">企业如何把握集客营销命脉</a>
						<p>硅谷风险资本家，曾任苹果高管的Guy Kawasaki说过，“如果你手头的钱多于智慧，那么就应该专注于推播式营销。如果相反的话，就应该专注于集客营销。”</p>
					</div>
					<div class="redbghover"></div>
				</li>
				<li>
					<div class="redbg">
						<a class="nynewstit" href="#">强大信息流时代，视频广告如何吸睛</a>
						<p>视频广告多投放在电视、网络、电子广告屏幕，其数量之大，品类之多，相信大家都有感受，但要在众多视频广告中挑选出让人印象深刻的</p>
					</div>
					<div class="redbghover"></div>
				</li>
				<li>
					<div class="redbg">
						<a class="nynewstit" href="#">全程式贴身服务，助力品牌电商客户规模化交付</a>
						<p>不过如何把电商类客户服务好，其实是很有挑战的，这不是一个单纯的产品技术问题也不是一个“大数据”课题。</p>
					</div>
					<div class="redbghover"></div>
				</li>
				<li>
					<div class="redbg">
						<a class="nynewstit" href="#">企业如何把握集客营销命脉</a>
						<p>硅谷风险资本家，曾任苹果高管的Guy Kawasaki说过，“如果你手头的钱多于智慧，那么就应该专注于推播式营销。如果相反的话，就应该专注于集客营销。”</p>
					</div>
					<div class="redbghover"></div>
				</li>
			</ul>
		</div>
	</div>
</div>
<footer class="footer">
	<div class="container clearfix">
		<div class="footerleft pull-left">
			<h3>联系我们</h3>
			<span></span>
			<ul>
				<li><em class="glyphicon glyphicon-earphone"></em><a href="#">400-606-5500</a></li>
				<li><em class="glyphicon glyphicon-envelope"></em><a href="#">service@jd.com</a></li>
				<li><em class="glyphicon glyphicon-phone"></em><a href="#">95118</a></li>
				<li><em class="glyphicon glyphicon-map-marker"></em>北京市朝阳区北辰西路8号北辰世纪中心A座 </li>
			</ul>
		</div>
		<div class="footerright pull-right">
			<ul class="clearfix">
				<li class="li1"><input type="text" placeholder="姓名" /></li>
				<li class="li2"><input type="text" placeholder="电话" /><span>*</span></li>
				<li class="li6"><input type="text" placeholder="邮箱" /></li>
				<li class="li3"><textarea placeholder="留言内容"></textarea><span>*</span></li>
				<li class="li5"><input type="submit" value="在线提交" /></li>
			</ul>
		</div>
	</div>
	<div class="copy">
		<div class="container">
			<p class="pull-left">Copyright © 2004 - 2020  京东JD.com 版权所有</p>
		</div>
	</div>
</footer>
<script type="text/javascript">
	$(function(){ $('input, textarea').placeholder(); });
</script>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
      createMap();//创建地图
      setMapEvent();//设置地图事件
      addMapControl();//向地图添加控件
      addMapOverlay();//向地图添加覆盖物
    }
    function createMap(){ 
      map = new BMap.Map("allmap"); 
      map.centerAndZoom(new BMap.Point(121.482671,31.28963),15);
    }
    function setMapEvent(){
      map.enableScrollWheelZoom();
      map.enableKeyboard();
      map.enableDragging();
      map.enableDoubleClickZoom()
    }
    function addClickHandler(target,window){
      target.addEventListener("click",function(){
        target.openInfoWindow(window);
      });
    }
    function addMapOverlay(){
      var markers = [
        {imageOffset: {width:-46,height:-21},position:{lat:31.28963,lng:121.482671}}
      ];
      for(var index = 0; index < markers.length; index++ ){
        var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
        var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
          imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
        })});
        var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
        var opts = {
          width: 200,
          title: markers[index].title,
          enableMessage: false
        };
        var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
        marker.setLabel(label);
        addClickHandler(marker,infoWindow);
        map.addOverlay(marker);
		marker.setAnimation(BMAP_ANIMATION_BOUNCE);
      };
    }


    //向地图添加控件
    function addMapControl(){
      var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
      scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
      map.addControl(scaleControl);
      var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
      map.addControl(navControl);
      var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});
      map.addControl(overviewControl);
    }
    var map;
      initMap();
  </script>
</body>
</html>
